<section class="wrap">
    <div class="bottom-fixed">
        <footer class="table bt-f1 bgf tc fs10 footer">
            <a href="/cultures" class="table-cell vm on"><i class="fi-0 ma"></i>文化中心</a>
            <a href="/shop" class="table-cell vm"><i class="fi-1 ma"></i>产品中心</a>
            <a href="/user_center" class="table-cell vm"><i class="fi-4 ma"></i>个人中心</a>
        </footer>
    </div>

    <section class="main">
        <ul class="list-wrapper list">
            {{#each articles}}
                <li class="mb5">
                    <a href="/article?id={{id}}" class="p10 bgf flex-box flex-col-start">
                        <div class="flex-grow-0 m-col-25">
                            <div class="item-pic">
                                {{#if image}}
                                    <img src="{{image}}?imageView2/1/w/150/h/150/q/75" alt="">
                                {{/if}}
                            </div>
                        </div>
                        <div class="pl10 flex-self-stretch flex-box flex-col flex-between flex-col-stretch hidden">
                            <div>
                                <p class="fs14 col0 single-line">{{title}}</p>
                                <p class="multi-line col9 fs12" style="-webkit-line-clamp: 3;">{{description}}</p>
                            </div>
                            <div class="flex-box flex-between fs13 col3">
                                <p></p>
                                <span class="col9 fs10">{{format_date created_at}}</span>
                            </div>
                        </div>
                    </a>
                </li>
            {{/each}}
        </ul>

        <div class="loadmore-wrapper loadmore" style="margin: 10px;">
            {{#if loadmore}}
                <div class="weui-infinite-scroll">
                    <div class="infinite-preloader"></div>
                    正在加载...
                </div>
            {{/if}}
        </div>
    </section>
</section>